<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件</title>
</head>
<body>
    事件:{
        是什么:{
            所谓的事件就是用户在一个网页上所做出的某些操作动作, 操作动作就是事件
            {
                鼠标[单击 拖拽] 键盘[按下 抬起 不松手] 表单[聚焦 视角 选中] 浏览器[变大 变小 加载 拖拽] 
            }
            谁 在什么情况下 做什么
            元素   某种事件[操作]  函数
            对象{
                1.DOM（文档对象模型 document object model）
                比如document, 某个元素
                2.BOM（浏览器对象模型 Browser object model）
                window
                指用户操作浏览器做哪些动作, 如滚动,加载,窗口变化
                DOM事件{
                    //type mouse{out|over  enter|leave   down|up  move click|dblclick contexMenue wheel select  }
                            
                }
            }
        }
        为什么{
            对其操作 进行功能的处理展示
        }
        怎么用{
            如下
            执行{
                立即执行
                函数名字()
            }
        }
        事件函数{
            有名函数
            匿名函数
            激活方式{
                元素.事件=函数名字;
                元素.事件=function(){
                    处理操作
                }
            }
        }
    }

    <script>
        
    </script>


</body>
</html>